import React from "react";
import {Button, Card, Col, Layout, Menu, Row} from 'antd';
import {renderRoutes} from "react-router-config";

import BaseComponent from "../../redare/components/BaseComponent";
import Header from "./components/Header";
import './index.scss';
import IndexHeader from "./IndexHeader";
import OnlFormHeadPage from "../onlformhead/OnlFormHeadPage";


export default class IndexPage extends BaseComponent {

    state = {
        collapsed: false,
    };

    constructor(props) {
        super(props);
    }

    handlerMenuClick = ({item, key}) => {
        this.routePush(this.props.history, key);
    };

    render() {
        return (
            <Layout>
                {/*<Layout.Header>*/}
                {/*    <IndexHeader onMenuClick={this.handlerMenuClick.bind(this)}/>*/}
                {/*</Layout.Header>*/}

                {/*<Layout.Header style={{ position: 'fixed', zIndex: 100, width: '100%' }}>*/}
                {/*    <div className="logo" />*/}
                {/*    <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>*/}
                {/*        {new Array(15).fill(null).map((_, index) => {*/}
                {/*            const key = index + 1;*/}
                {/*            return <Menu.Item key={key}>{`nav ${key}`}</Menu.Item>;*/}
                {/*        })}*/}
                {/*    </Menu>*/}
                {/*</Layout.Header>*/}
                <Layout.Content>
                    {/*{renderRoutes(this.props.route.routes)}*/}
                    {/*<Card>*/}
                        <OnlFormHeadPage/>
                    {/*</Card>*/}
                </Layout.Content>
            </Layout>
        )
    }
}